const HeaderBox = ({type="title",title,subtext,user}:HeaderBoxProps) => {
    return (
        <div className="header-box">
            <h1 className="header-box-title">
                {title}
                {type === 'greeting' && (
                    <span className="text-bankGradient">
                       &nbsp;{user}
                   </span>
                )}
            </h1>
            <p className="header-box-subtext">
                {subtext}
            </p>
        </div>
    )
}

export default HeaderBox